@import "~taro-ui/dist/style/components/avatar.scss"; //没有~，可以直接放在jsx文件直接用。
@import "~taro-ui/dist/style/components/modal.scss";
@import "~taro-ui/dist/style/components/list.scss";



.heard {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 10px;


        >View:nth-of-type(1) {
                font-size: 30px;

                >View:nth-of-type(1) {
                        font-size: 50px;
                        font-weight: bold;
                }
        }
}

.option {
        display: flex;
        margin-top: 100px;
        width: 650.4px;
        flex-wrap: wrap;

        View {
                width: 305px;
                height: 200px;
                background-color: rgb(242, 242, 242);
                margin: 10px;
                text-align: center;
                line-height: 200px;
                color: rgb(81, 81, 137);

        }
}

.tips {
        position: relative;
        top: 200px;

        >View {
                font-size: 20px;
                text-align: center;
                color: rgb(161, 161, 161);
        }

        >View:nth-of-type(2) {
                margin-top: 20px;
        }
}

.modal {
        margin: 10px;

        :nth-of-type(1) {
                font-weight: bolder;
                font-size: 28px;
        }



        :nth-of-type(2) {
                width: 100%;
                background-color: rgb(175, 199, 230);
                border: solid 2px rgb(175, 199, 230);
                margin: 20px 0px;
        }

        :nth-of-type(3) {
                font-size: 20px;
                color: rgb(175, 199, 230);
        }
}